/*头部*/
html,body{font-size: 10px;}
.logo img{margin-top:4px}
.navbar-default .navbar-nav > li{margin-left:30px}
.navbar-default .navbar-nav > li > a{ line-height:78px; padding:0}
.navbar.navbar-default{background-color:#fff; margin:0; border:0}
/*巨幕*/
.content-box.jumbotron{ background: url(../images/back.png) no-repeat;background-size: 100% 100%; padding:0; height:60rem; overflow:hidden	;margin:0}
.content-box.jumbotron .container{  color:#FFF; position:relative;top:37.75%; left:6%;}
.content-box.jumbotron .container h1{ font-size:5rem; line-height:8rem}
.content-box.jumbotron .container p{ font-size:2.2rem; line-height:4rem}
/*打开方式*/
.row.open{  padding:4rem 0; margin:0 auto; text-align:center}
.row.container .andr{ text-decoration:none; display:block; width:100%; height:300px; padding-top:64px; color:#000}
.row.container .andr>h2{ font-size:20px; font-weight:600}
.row.container .andr>p{ font-size:14px}
.row.container .andr:hover{ background:#ccf1fc}
/*HTML5前端开发*/
.two-content{ background:#f0f0f0; padding: 7rem 0; }
.two-content .row.container .col-md-6>h3{ font-size:3rem}
.two-content .row.container .col-md-6>p{ font-size:14px; line-height:30px}
.two-content .row.container .col-md-6 a>img{width:100%;}
.two-content .row.container .col-md-6 .img-logo{width:10%; height: 10%}
/*bootstrap实战视频教程*/
.two-content.bootstrap{ background:#fff}
/*加入学习*/
.ui-html.ui.last { background:#f0f0f0; padding: 0 }
.ui-html.ui.last .col-md-4{padding:0;font-size: 22px; color: #106fb1}
.ui-html.ui.last .col-md-4>img{ width:90%;margin-top: 45px }
.ui-html.ui input[type="button"]{ width:292px; height:90px; border:1px #60ceef solid;margin:45px 0}
.ui-html.ui input[type="button"]:hover{background: #86deca;color: #fff}
/*APP下载*/
.three-content{background: #fff;padding:7rem 0}
.three-content .ios-download{width: 144px; height: 34px;border: none; background: url(../images/ios_download_03.png);margin-bottom: 20px}
.three-content .androd-download{width: 144px; height: 34px;border: none; background: url(../images/androd_download_03.png);}
.three-content .row .col-md-6>h3{font-size: 3rem; line-height: 78px;}
.three-content .row .col-md-6>p{font-size: 14px;line-height: 30px;}
.three-content .row .col-md-6 a>img{width:100%;}
/*footer-top*/
.footer-top {background: url(../images/footer_back.png) no-repeat;background-size: 100% 100%; color:#fff ;padding: 112px 0 68px 0}
.footer-top .col-md-6>h1{font-size: 38px;}
.footer-top .col-md-6>p{font-size: 14px;margin-top: 38px;}
.footer-top .col-md-6>ul{list-style: none;margin-left: -40px}
.footer-top .col-md-6>ul>li{margin-top: 30px;font-size: 14px;}
.footer-top .col-md-6 .form-horizontal{margin-top: 100px}
.footer-top .col-md-6 .form-control{border-radius: 0;resize: none}
.footer-top .form-group-sm .form-control{margin-top: 16px}
.footer-top .col-md-6 .btn-default{width: 70%; height: 48px;background-color: #3dccac; color: #fff;border: none}
/*footer*/
footer{height: 108px;padding: 45px 0;font-size: 14px}

@media screen and (max-width: 1080px) {
	.two-content .row.container .col-md-6>h3{line-height: 32px}
	.three-content .row .col-md-6>h3{line-height: 32px}
}
@media screen and (max-width: 780px) {
	.two-content .row.container .col-md-6>h3{ font-size:7rem}
	.two-content .row.container .col-md-6>p{ text-align:left; line-height: 26px}
	.three-content .row .col-md-6>h3{font-size: 7rem;}
	.three-content .row .col-md-6>p{text-align:left;}

}